<!DOCTYPE html>
<html lang="en" style="height: 100%;">
<head>
<meta charset="utf-8">
<meta name="Author" content="">
<meta name="Keywords" content="">
<meta name="Description" content="">
<title>电影院售票后台管理系统</title>

<!-- 基础CSS库 -->
<link rel="stylesheet"
	href="../../js/bootstrap/themes/default/bootstrap.css" />
<link rel="stylesheet"
	href="../../js/bootstrap/themes/default/tabdrop.css" />
<link rel="stylesheet"
	href="../../js/ztreeformenu/css/zTreeStyle/zTreeStyle.css" />
<link rel="stylesheet" href="../../js/ztreeformenu/css/demo.css" />

<!-- 业务CSS库 -->
<link rel="stylesheet" href="../../css/style.css" />
<link rel="stylesheet" href="../../css/common/scrollbar.css" />
<link rel="stylesheet" href="../../css/each/main/main.css" />

<!-- 基础JS库 -->
<script src="../../js/common/package.js"></script>
<script src="../../js/common/url.js"></script>
<script src="../../js/common/jquery-1.11.3.min.js"></script>
<!-- <script 	src="https://cdn.static.runoob.com/libs/jquery/2.1.1/jquery.min.js"></script> -->
<script src="../../js/common/json2.js"></script>
<script src="../../js/bootstrap/bootstrap.js"></script>
<script src="../../js/bootstrap/plugins/bootstrap-tabdrop.js"></script>
<script src="../../js/ztreeformenu/js/jquery.ztree.all.min.js"></script>

<!-- 业务JS库 -->
<script src="../../js/common/base.js"></script>
<script src="../../js/common/tree.js"></script>
<!-- <script src="../../js/each/main/main.js"></script>	 -->
<!-- 	<script src="../../js/each/main/main2.js"></script>	 -->
<!-- 	
		<style type="text/css">
			#btn-link :hover {
				cursor: auto;
			}
			.fly :hover {
				cursor: pointer;
			}
			.scroll-div {
				height: 100%;
				overflow-x: hidden;
				overflow-y: scroll;
			}
			.black {
				color: #000;
			}
		</style> -->

<style>
th {
	border: 2px;
	border-style: solid;
	border-color: lightgray;
	background: #f5f5f5;
	color: #777;
	font-weight: normal;
	height: 20px;
	width: 150px;
}

.col-md-10 {
	padding-left: 0px;
	padding-right: 0px;
}

.container-fluid {
	padding-top: 4px;
}

.modal-form {
	margin: 15px 30px 15px 30px;
}

.panel-primary  .panel-heading {
	background-color: #6a82d5
}

.panel-group {
	max-height: 770px;
	overflow: auto;
}

.leftMenu {
	margin: 10px;
	margin-top: 5px;
}

.leftMenu .panel-heading {
	font-size: 30px;
	padding-left: 20px;
	height: 60px;
	line-height: 100px;
	color: white;
	padding-top: 24px;
	position: relative;
	cursor: pointer;
} /*转成手形图标*/
.leftMenu .panel-heading span {
	position: absolute;
	right: 10px;
	top: 12px;
}

.leftMenu .menu-item-left {
	padding: 2px;
	background: transparent;
	border: 1px solid transparent;
	border-radius: 6px;
}

.leftMenu .menu-item-left:hover {
	background: #C4E3F3;
	border: 1px solid #1E90FF;
}

.table {
	border-top: 1px solid gray;
}
</style>
</head>
<script>
	$(function() {
		$(".panel-heading").click(function(e) {
			/*切换折叠指示图标*/
			$(this).find("span").toggleClass("glyphicon-chevron-down");
			$(this).find("span").toggleClass("glyphicon-chevron-up");
		});
	});
</script>
<body style="height: 100%;">
	<header>
		<div class="header pr">
			<a id="btn-link" href="javascript:void(0);" class="dib vm of-h"><i
				class="dib logo"> <!-- <img class="wb80" src="../../img/logo.png"> -->猫眼
			</i></a>
			<h1 class="dib vm topTit black">
				<span style="color: black">猫眼后台管理系统</span>
			</h1>
			<div class="backLogin">
				<a id="btn-exit" href="javascript:log_out();" class="dib vm"> <img
					class="wb100 dis-b" src="../../img/exit.png">
				</a> <span class="dib vm tc admin"><font style="color: #000"
					id="userNameShow"></font><br /> <font style="color: #000"
					id="orgName">客户家</font></span> <i class="dib vm fly"><img
					id="btn-editPwd" class="wb100" src="../../img/fly.png"
					onclick="javascript:reset_pwd();"></i>
			</div>
		</div>
	</header>
	<aside style="background-color: #bfcdff">
		<div class="panel panel-primary leftMenu">
			<!-- 利用data-target指定要折叠的分组列表 -->
			<div class="panel-heading" id="collapseListGroupHeading1"
				data-toggle="collapse" data-target="#collapseListGroup1" role="tab">
				<h4 class="panel-title">
					用户信息管理 <span class="glyphicon glyphicon-chevron-up right"></span>
				</h4>
			</div>
			<!-- .panel-collapse和.collapse标明折叠元素 .in表示要显示出来 -->
			<div id="collapseListGroup1" class="panel-collapse collapse in"
				role="tabpanel" aria-labelledby="collapseListGroupHeading1">
				<ul class="list-group">
					<li class="list-group-item">
						<!-- 利用data-target指定URL -->
						<button class="menu-item-left" data-target="test2.html">
							<a href="main.html" class="active">用户信息</a>
						</button>
					</li>
					<li class="list-group-item">
						<button class="menu-item-left">
							<a href="/movie.web/view/user/forgetUserPassword.html">忘记密码</a>
						</button>
					</li>
					<li class="list-group-item">
						<button class="menu-item-left">
							<a href="#">修改密码</a>
						</button>
					</li>
					<li class="list-group-item">
						<button class="menu-item-left">
							<a href="#">用户解锁</a>
						</button>
					</li>
				</ul>
			</div>
		</div>
		<!--panel end-->
		<div class="panel panel-primary leftMenu">
			<div class="panel-heading" id="collapseListGroupHeading2"
				data-toggle="collapse" data-target="#collapseListGroup2" role="tab">
				<h4 class="panel-title">
					电影票管理 <span class="glyphicon glyphicon-chevron-down right"></span>
				</h4>
			</div>
			<div id="collapseListGroup2" class="panel-collapse collapse"
				role="tabpanel" aria-labelledby="collapseListGroupHeading2">
				<ul class="list-group">
					<li class="list-group-item">
						<button class="menu-item-left">
							<a href="#">电影票信息</a>
						</button>
					</li>
				</ul>
			</div>
		</div>
		<div class="panel panel-primary leftMenu">
			<div class="panel-heading" id="collapseListGroupHeading3"
				data-toggle="collapse" data-target="#collapseListGroup3" role="tab">
				<h4 class="panel-title">
					日志管理 <span class="glyphicon glyphicon-chevron-down right"></span>
				</h4>
			</div>
			<div id="collapseListGroup3" class="panel-collapse collapse"
				role="tabpanel" aria-labelledby="collapseListGroupHeading3">
				<ul class="list-group">
					<li class="list-group-item">
						<button class="menu-item-left">
							<a href="#">登录日志</a>
						</button>
					</li>
				</ul>
			</div>
		</div>
	</aside>

	<div class="col-md-10">
		<div class="panel panel-info">
			<div class="panel-heading">
				<h3 class="panel-title">信息栏</h3>
			</div>
		</div>
		<!-- <form id="editPwdForm" class="form-inline">
			<div class="form-group">
				<label class="form-label input-sm"><font color="black"
					size="20%">原密码</font></label>
				<div class="col-sm-3">
					<input type="password"
						class="form-control input-sm  easyui-validatebox " name="oldPwd"
						data-options="required:true,validType:['length[6,12]']"
						placeholder="原密码">
				</div>
			</div>
			<div class="form-group">
				<label for="inputEmail3" class="col-sm-1 control-label"><font
					color="black" size="30%">新密码</font></label>
				<div class="col-sm-3">
					<input type="password"
						class="form-control input-sm easyui-validatebox "
						data-options="required:true,validType:['codepassword','length[6,12]']"
						name="newPwd" id="newPwd" placeholder="新密码">
				</div>
			</div>
			<div class="form-group">
				<label for="inputPassword3" class="col-sm-1 control-label"><font
					color="black" size="30%">确认密码</font></label>
				<div class="col-sm-3">
					<input type="password"
						class="form-control input-sm easyui-validatebox "
						data-options="required:true,validType:['codepassword','length[6,12]','newequals(1)']"
						placeholder="确认密码">
				</div>
			</div>
		</form> -->
				<!-- <form id="searcheForm" class="form-horizontal">
					<div class="form-group">
						<label class="form-label input-sm"><font color="black"
							size="30%">&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;原密码</font></label> <input
							type="text" name="userName" class="form-control input-sm">
					</div>
					<div class="form-group">
						<label class="form-label input-sm"><font color="black"
							size="30%">&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;新密码</font></label>
						<input type="text" name="mail" class="form-control input-sm">
					</div>
					&nbsp;&nbsp;
					<button id="btn-search" type="button"
						class="btn btn-primary btn-sm">查询</button>
					&nbsp;&nbsp;
					<button id="btn-reset" type="button" class="btn btn-default btn-sm">重置</button>
				</form>
 -->
		<div class="panel-footer">
			<button id="btn-editPwd" type="button" class="btn btn-success btn-sm">保存</button>

		</div>
	</div>
</body>
</html>